<template>
	<view class="wrap">
		<view class="mar-top-30 fc-33 fs-32">平台电子简历</view>
		<view class="flex info-wap" @click="toEditResume">
			<view class="flex-1">
				<view class="fc-32 fs-36">{{userInfo.nickname || '暂无'}}</view>
				<view class="fs-26 fc-66">暂无介绍~</view>
			</view>
			<view class="info-img flex">
				<image :src="userInfo.avatar"></image>
				<image class="backicon" src="https://web.suqzp.com/public/jiantou.png"></image>
			</view>
		</view>
		<view class="mar-top-30 fc-33 fs-32">用户自备简历</view>
		<view class="flex info-wap">
			<view class="flex-1 unload-file">
				<image src="https://i-7xvfsljtcgf3cswfwvr8oss.oss-cn-shenzhen.aliyuncs.com/image/26.png"></image>
				<text class="fs-28 fc-32 flex-1 uptxt">上传简历</text>
			</view>
			<view class="info-img">				
				<image class="backicon" src="https://web.suqzp.com/public/jiantou.png" style="top: 20rpx;"></image>
			</view>
		</view>		
	</view>
</template>

<script>
	import { mapState } from 'vuex';
	export default {
		computed: {
			...mapState(['userInfo'])		
		},
		data() {
			return {
			
			}
		},
		methods:{
			//去添加简历
			toEditResume(){
				uni.navigateTo({
					url:'./resumeitem'
				})
			}
		}
	}	
</script>

<style lang="scss">
	page{
		background: #f6f6f6;
		.info-wap{
			background: #fff;
			padding:26rpx 22rpx;
			margin-top: 20rpx;
			.info-img{
				image{
					width: 104rpx;
					height: 104rpx;
					display: inline-block;
					border-radius: 50%;
				}
				.backicon{
					width: 16rpx;
					height: 30rpx;
					display: inline-block;
					position: relative;
					top: 36rpx;
					margin-left: 24rpx;
				}
			}
			.unload-file{
				image{
					width: 60rpx;
					height: 60rpx;
					display: inline-block;
				}
				.uptxt{
					position: relative;
					top: -8px;
				}
			}
		}
		
	}
</style>
